<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Graph</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

  <script src='https://cdn1.kongregate.com/javascripts/kongregate_api.js'></script>

  <script src="https://cdn.bootcss.com/slim.js/3.2.1/Slim.min.js" ></script>
</head>

<body>
  <app-root></app-root>

  <script>
    preventScroll = function () {
      setTimeout(function () {
        $('.nav-content, .content-area').on('DOMMouseScroll mousewheel', function (ev) {
          body = $('body')[0]
          var $this = $(this),
            scrollTop = this.scrollTop,
            scrollHeight = this.scrollHeight,
            height = $this.innerHeight(),
            delta = (ev.type == 'DOMMouseScroll' ?
              ev.originalEvent.detail * -40 :
              ev.originalEvent.wheelDelta),
            up = delta > 0;

          var prevent = function () {
            ev.stopPropagation();
            ev.preventDefault();
            ev.returnValue = false;
            return false;
          }

          if (!up && -delta > scrollHeight - height - scrollTop) {
            // Scrolling down, but this will take us past the bottom.
            $this.scrollTop(scrollHeight);
            return prevent();
          } else if (up && delta > scrollTop) {
            // Scrolling up, but this will take us past the top.
            $this.scrollTop(0);
            return prevent();
          }
        }
        )
      }
        , 0)
    };
  </script>
</body>

</html>
